<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Build a Tribute Page</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <link rel="stylesheet" type="text/css" href="app.css" />
</head>

<body>
  <div class="container content">
    <h1 class="text-center text-primary paddingtop">史蒂夫·乔布斯</h1>
    <h6 class="text-center text-muted">原苹果公司CEO</h6>
    <div class="row">
      <div class="col-md-3">
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
          </ol>
          <div class="carousel-inner">
            <div class="carousel-item active">
              <img class="d-block w-100" src="https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=0e714310ad4bd11310c0bf603bc6cf6a/023b5bb5c9ea15cef037476ab6003af33b87b2fc.jpg"
                alt="First slide">
            </div>
            <div class="carousel-item">
              <img class="d-block w-100" src="https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=7b27eb620a55b31988f48a2722c0e943/faf2b2119313b07e1e64f76b0cd7912396dd8cfc.jpg"
                alt="Second slide">
            </div>
            <div class="carousel-item">
              <img class="d-block w-100" src="https://gss2.bdstatic.com/9fo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=91693b243912b31bd361c57be7715d1f/0df431adcbef7609a9d23efc2edda3cc7dd99efc.jpg"
                alt="Third slide">
            </div>
          </div>
          <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>

      </div>
      <div class="col-md-9 listshow">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" id="myTab" role="tablist">
          <li class="nav-item">
            <a class="nav-link active" id="list1-tab" data-toggle="tab" href="#list1" role="tab" aria-controls="list1" aria-selected="true">早年经历</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="list2-tab" data-toggle="tab" href="#list2" role="tab" aria-controls="list2" aria-selected="false">早期发展</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="list3-tab" data-toggle="tab" href="#list3" role="tab" aria-controls="list3" aria-selected="false">独立时期</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="list4-tab" data-toggle="tab" href="#list4" role="tab" aria-controls="list4" aria-selected="false">回归苹果</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="list5-tab" data-toggle="tab" href="#list5" role="tab" aria-controls="list5" aria-selected="false">改革时期</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="list6-tab" data-toggle="tab" href="#list6" role="tab" aria-controls="list6" aria-selected="false">宣布辞职</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="list7-tab" data-toggle="tab" href="#list7" role="tab" aria-controls="list7" aria-selected="false">与世长辞</a>
          </li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
          <div class="tab-pane fade show active" id="list1" role="tabpanel" aria-labelledby="list1-tab">
            <p>1955年2月24日，史蒂夫·乔布斯出生在美国旧金山。刚刚出世就被父母遗弃了。幸运的是，保罗·乔布斯和克拉拉·乔布斯——一对好心的夫妻领养了他。</p>
            <p>乔布斯生活在美国“硅谷“附近，邻居都是惠普公司的职员。在这些人的影响下，乔布斯从小迷恋电子学。一个惠普的工程师看他如此痴迷，就推荐他参加惠普公司的“发现者俱乐部“，这是个专门为年轻工程师举办的聚会，每星期二晚上在公司的餐厅中举行。在一次聚会中，乔布斯第一次见到了电脑，他开始对计算机有了一个朦胧的认识。
              </p>
            <p>上初中时，乔布斯在一次同学聚会上与斯蒂夫·沃兹尼亚克见面，两人一见如故。斯蒂夫·沃兹尼亚克是学校电子俱乐部的会长，对电子有很大的兴趣。</p>
            <p>19岁那年，乔布斯只念了一学期就因为经济因素而休学，成为雅达利电视游戏机公司的一名职员。借住沃兹家的车库，常到社区大学旁听书法课等课程。1974年8月南亚次大陆最炎热的时节，他来到了印度朝圣。</p>
            <p>乔布斯一边上班，一边常常与沃兹尼亚克一道，在自家的小车库里琢磨电脑。他们梦想能够拥有一台自己的计算机，可是当时市面上卖的都是商用的，且体积庞大，极其昂贵，于是他们准备自己开发。1976年在旧金山威斯康星计算机产品展销会上买到了6502芯片，带着6502芯片，两个年轻人在乔布斯家的车库里装好了第一台电脑。</p>
            <p>乔布斯为筹集批量生产的资金，卖掉了自己的大众牌小汽车，同时沃兹也卖掉了他的惠普65型计算器。就这样，他们有了1300美元。</p>
            <p>1976年4月1日，乔布斯、沃兹及乔布斯的朋友龙·韦恩签署了一份合同，决定成立一家电脑公司。随后，21岁的乔布斯与26岁的斯蒂夫·沃兹尼亚克在自家的车房里成立了苹果公司。公司的名称由乔布斯定为苹果。而他们的自制电脑则被追认为“苹果Ⅰ号“电脑了。</p>
          </div>
          <div class="tab-pane fade" id="list2" role="tabpanel" aria-labelledby="list2-tab">
            <p>苹果公司成立初期，“苹果“机的生意清淡。1976年7月，一个偶然的机遇给“苹果“公司带来了转机。零售商保罗·特雷尔（Paul Jay Terrell）来到了乔布斯的车库，当看完乔布斯演示完电脑后，决定订购50台整机，这是做成的第一笔生意。</p>
            <p>之后“苹果“公司开始了小批量生产。1976年10月，马尔库拉前来拜访沃兹和他们的车库工场。马尔库拉是位电气工程师，擅长推销工作，他主动帮助他们制定一份商业计划，给他们贷款69万美元，有了这笔资金，“苹果“公司的发展速度大大加快了。</p>
            <p>1977年4月，乔布斯在美国第一次计算机展览会展示了苹果Ⅱ号样机。</p>
            <p>1980年12月12日，苹果公司股票公开上市，在不到一个小时内，460万股全被抢购一空，当日以每股29美元收市。按这个收盘价计算，苹果公司高层产生了4名亿万富翁和40名以上的百万富翁。乔布斯作为公司创办人排名第一。</p>
            <p>1983年，Lisa数据库和Apple Iie发布，售价分别为9998美元和1395美元。但是Lisa的昂贵的售价是没有多少市场的，而Lisa又侵吞了Apple大量研发经费。</p>
            <p>由于乔布斯经营理念与当时大多数管理人员不同，加上IBM公司推出个人电脑，抢占大片市场，总经理和董事们便把这一失败归罪于董事长乔布斯，于1985年4月经由董事会决议撤销了他的经营大权。乔布斯几次想夺回权力均未成功，便在1985年9月17日离开苹果公司。</p>
          </div>
          <div class="tab-pane fade" id="list3" role="tabpanel" aria-labelledby="list3-tab">
            <p>从苹果辞职之后，于1986年乔布斯花1000万美元从乔治·卢卡斯手中收购了Lucasfilm旗下位于加利福尼亚州Emeryville的电脑动画效果工作室，并成立独立公司皮克斯动画工作室。之后该公司成为了众所周知的3D电脑动画公司，并在1995年推出全球首部全3D立体动画电影《玩具总动员》。公司在2006年被迪士尼收购，乔布斯也因此成为迪斯尼最大个人股东。</p>
          </div>
          <div class="tab-pane fade" id="list4" role="tabpanel" aria-labelledby="list4-tab">
            <p>1996年苹果公司经营陷入困局，其市场份额也由鼎盛的16%跌到4%。与之相对应的是乔布斯公司由于《玩具总动员》而名声大振，个人身价达到10亿美元。但是乔布斯还是于苹果危难之中重新回来，回来后的乔布斯大刀阔斧改革，停止了不合理的研发和生产，结束了微软和苹果多年的专利纷争，并开始研发新产品iMac和OS
              X操作系统。</p>
          </div>
          <div class="tab-pane fade" id="list5" role="tabpanel" aria-labelledby="list5-tab">
            <p>1997年苹果推出iMac，创新的外壳颜色透明设计使得产品大卖，并让苹果度过财政危机。随后苹果又推出Mac OS X操作系统。</p>
            <p>2000年科技股泡沫，乔布斯又提出将PC设计成“数字中枢“先进理念，并先后开发出iTunes和iPod，同时也开始在黄金地段开设专卖店并大获成功。随后Apple TV和iTunes Store等一系列产品受到了市场的好评和认可。</p>
            <p>2007年6月29日，苹果公司又推出自有设计的iPhone手机，使用iOS系统，随后发布新一代iPhone 3G以及iPhone 3GS。</p>
            <p>2010年6月8日又发布第四代产品iPhone 4，每次上市都引得了世界极大的疯狂和销售热潮。</p>
            <p>除了iPhone系列之外，发布使用iOS系统的iPad平板电脑，这一起先不被众人看好的产品，最后获得了巨大的成功。</p>
          </div>
          <div class="tab-pane fade" id="list6" role="tabpanel" aria-labelledby="list6-tab">
            <p>2011年8月24日，史蒂夫·乔布斯向苹果董事会提交辞职申请。他还在辞职信中建议由首席营运长蒂姆·库克接替他的职位。乔布斯在辞职信中表示，自己无法继续担任行政总裁，不过自己愿意担任公司董事长、董事或普通职员。苹果公司股票暂停盘后交易。乔布斯在信中并没有指明辞职原因，但他一直都在与胰腺癌作斗争。</p>
            <p>2011年8月25日，苹果宣布他辞职，并立即生效，职位由蒂姆·库克接任。同时苹果宣布任命史蒂夫·乔布斯为公司董事长，蒂姆·库克担任CEO。</p>
          </div>
          <div class="tab-pane fade" id="list7" role="tabpanel" aria-labelledby="list7-tab">
            <p>北京时间2011年10月6日，苹果董事会宣布前行政总裁乔布斯于当地时间10月5日逝世，终年56岁，葬礼于10月7日举行。</p>
          </div>
        </div>

      </div>
    </div>
    <div class="line"></div>
    <div class="row" style="padding-top:10px;">
      <div class="col-md-12 text-center">
        <blockquote class="blockquote">
          <p class="mb-0">乔布斯是美国最伟大的创新领袖之一，他的卓越天赋也让他成为了这个能够改变世界的人。</p>
          <footer class="blockquote-footer">美国前总统奥巴马评</footer>
        </blockquote>
      </div>
    </div>
  </div>

  </div>
  <script src="app.js"></script>
</body>

</html>